---
title: Migrer un projet existant vers Astro
description: Quelques trucs et astuces pour convertir votre site vers Astro.
i18nReady: true
---
import MigrationGuidesNav from '~/components/MigrationGuidesNav.astro';

**Prêt à convertir votre site vers Astro ?** Consultez l'un de nos guides afin d'obtenir des conseils sur la migration.

## Guides de Migration

<MigrationGuidesNav />

Notez que beaucoup de ces pages sont des **ébauches** : ce sont des collections de ressources qui attendent votre contribution !

## Pourquoi migrer votre site vers Astro ?

Astro offre de nombreux avantages : performance, simplicité et de nombreuses fonctionnalités que vous souhaitez, sont directement intégrées dans le framework. Lorsque vous avez besoin d'étendre votre site, Astro fournit plusieurs [intégrations officielles et communautaires tierces](https://astro.build/integrations).

La migration peut s'avérer moins compliquée que vous ne le pensez !

Selon votre projet déjà existant, vous pourrez peut-être utiliser vos composants existants :

- [Framework de composants UI](/fr/guides/framework-components/) directement dans Astro. 

- [Feuilles de style ou bibliothèques CSS](/fr/guides/styling/) incluant Tailwind.

- [Fichiers Markdown/MDX](/fr/guides/markdown-content/), configuré en utilisant votre [plugin remark et rehype](/fr/guides/markdown-content/#configuration-de-markdown-et-mdx).

- [Contenu depuis un CMS](/fr/guides/cms/) à travers une intégration ou une API.

## Quels projects puis-je convertir vers Astro ?

[De nombreux sites existants peuvent être construits avec Astro](/fr/concepts/why-astro/). Astro est parfaitement adapté à vos sites existants basés sur le contenu, tels que les blogs, les landing pages, les sites marketing et les portfolios. Astro s'intègre à plusieurs Headless CMS populaires et vous permet de connecter des paniers de boutique eCommerce.

Astro vous permet de choisir entre un site généré statiquement et le [rendu côté serveur (SSR)](/fr/guides/server-side-rendering/), ce qui en fait un excellent remplacement pour les SSGs ou pour les sites qui ont besoin de récupérer des données de page à la volée.

## Comment la conception de mon projet va-t-elle changer ?

En fonction de votre projet existant, vous devrez peut-être penser différemment concernant :

- Concevoir avec les [îles Astro](/fr/concepts/islands/#quest-ce-quun-îlot-) pour éviter d'envoyer du Javascript inutile au navigateur.

- Fournir une interactivité côté client avec les [balises `<script>` côté client](/fr/guides/client-side-scripts/) ou les [composants de Framework UI](/fr/guides/framework-components/).

- Gérer [l'état partagé](/fr/recipes/sharing-state-islands/) avec les Nano Stores ou un Local Storage au lieu de Wrappers et Hooks à l'échelle de l'application.
